<template>
  <div class="navigation">
    <make-a-vow />
    <hr>
    <book-menu />
    <hr>
    <div class="extend">佛系迭代</div>
  </div>
</template>

<script>
// @ is an alias to /src
import BookMenu from '@/components/book/BookMenu.vue'
import MakeAVow from '@/components/book/MakeAVow.vue';

export default {
  components:{
    BookMenu, MakeAVow
  }
}
</script>

<style>
.navigation{
  padding: 5%;
}
.extend {
  display: inline-flex;
  width: 100%;
  height: 50vw;
  background-color: white;
  align-items: center;
  justify-content: center;
}
</style>